<!DOCTYPE html>
<html>

<head>
<title> Master login Form Responsive Widget Template  :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content=" Master  Login Form Widget Tab Form,Login Forms,Sign up Forms,Registration Forms,News letter Forms,Elements"/>
	<link rel="stylesheet" href="../static/css/style.css">
	<link href="//fonts.googleapis.com/css?family=Cormorant+SC:300,400,500,600,700" rel="stylesheet">
	<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
	<!-- 引入 layui.css -->
	<link href="../static/layui/css/layui.css" rel="stylesheet">
	<!--引入jquery.js -->
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
	<!-- 引入 layui.js -->
	<script src="../static/layui/js/layui.js"></script>
</head>

<body>
	<div class="padding-all">
		<div class="header">
			<h1>Yatoli Login Interface</h1>
		</div>

		<div class="design-w3l">
			<div class="">
				<form action="#" method="post">
					<div class="mail-form-agile">
						<input type="text" name="name" placeholder="User Name  or  email..." required=""/>
						<input type="password"  name="password" class="padding" placeholder="Password" required=""/>
					</div>
					<input style="border:none; color: white; font-size:22px" class="layui-btn
					layui-btn-primary layui-btn-fluid layui-btn-radius" type="submit" value="登&nbsp;&nbsp;&nbsp;&nbsp;录">
				</form>
			</div>
		  <div class="clear"> </div>
		</div>
	</div>
</body>
</html>